<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><%= @title %></title>
    <style>
      /* reset.css */
      blockquote{margin:0;}
      td,th{padding:0;}
      table{border-spacing:0;border-collapse:collapse;}
      h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}
      h1{font-size:32px}
      h1,h2{font-weight:600}
      h2{font-size:24px}
      h3{font-size:20px}
      h3,h4{font-weight:600}
      h4{font-size:16px}
      h5{font-size:14px}
      h5,h6{font-weight:600}
      h6{font-size:12px}
      p{margin-top:0;margin-bottom:10px}
      small{font-size:90%}
      blockquote{margin:0}
      ol,ul{padding-left:0;margin-top:0;margin-bottom:0}
      ol ol,ul ol{list-style-type:lower-roman}
      ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}
      dd{margin-left:0}
      code,pre,tt{font-family:Consolas,Menlo,Monaco,Courier,monospace;font-size:12px}
      pre{margin-top:0;margin-bottom:0}

      /* markdown-body.css */
      a.user-mention{font-weight:600;color:#24292e !important;white-space:nowrap}
      .markdown-body{font-size:17px;line-height:1.5;word-wrap:break-word}
      .markdown-body:before{display:table;content:""}
      .markdown-body:after{display:table;clear:both;content:""}
      .markdown-body > :first-child{margin-top:0 !important}
      .markdown-body > :last-child{margin-bottom:0 !important}
      .markdown-body a:not([href]){color:inherit;text-decoration:none}
      .markdown-body .absent{color:#cb2431}
      .markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}
      .markdown-body .anchor:focus{outline:none}
      .markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,
      .markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}
      .markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}
      .markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}
      .markdown-body blockquote > :first-child{margin-top:0}
      .markdown-body blockquote > :last-child{margin-bottom:0}
      .markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}
      .markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,
      .markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}
      .markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,
      .markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,
      .markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}
      .markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,
      .markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,
      .markdown-body h6:hover .anchor{text-decoration:none}
      .markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,
      .markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,
      .markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}
      .markdown-body h1 code,.markdown-body h1 tt,.markdown-body h2 code,
      .markdown-body h2 tt,.markdown-body h3 code,.markdown-body h3 tt,.markdown-body h4 code,
      .markdown-body h4 tt,.markdown-body h5 code,.markdown-body h5 tt,.markdown-body h6 code,
      .markdown-body h6 tt{font-size:inherit}
      .markdown-body h1{font-size:2em}
      .markdown-body h1,.markdown-body h2{padding-bottom:.3em;}
      .markdown-body h2{font-size:1.5em}
      .markdown-body h3{font-size:1.25em}
      .markdown-body h4{font-size:1em}
      .markdown-body h5{font-size:.875em}
      .markdown-body h6{font-size:.85em;color:#6a737d}
      .markdown-body ol,.markdown-body ul{padding-left:2em}
      .markdown-body ol.no-list,.markdown-body ul.no-list{padding:0;list-style-type:none}
      .markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:0;margin-bottom:0}
      .markdown-body li{word-wrap:break-all}
      .markdown-body li > p{margin-top:16px}
      .markdown-body li + li{margin-top:.25em}
      .markdown-body ul { list-style-type: disc; }
      .markdown-body ul ul { list-style-type: square; }
      .markdown-body ul ul ul { list-style-type: circle; }
      .markdown-body ul ul ul ul { list-style-type: disc; }
      .markdown-body ul ul ul ul ul { list-style-type: square; }
      .markdown-body ul ul ul ul ul ul { list-style-type: circle; }
      .markdown-body ol { list-style-type: decimal; }
      .markdown-body ol ol { list-style-type: lower-alpha; }
      .markdown-body ol ol ol { list-style-type: lower-roman; }
      .markdown-body ol ol ol ol { list-style-type: decimal; }
      .markdown-body ol ol ol ol ol { list-style-type: lower-alpha; }
      .markdown-body ol ol ol ol ol ol { list-style-type: lower-roman; }
      .markdown-body dl{padding:0}
      .markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}
      .markdown-body dl dd{padding:0 16px;margin-bottom:16px}
      .markdown-body table{display:block;width:100%;overflow:auto}
      .markdown-body table th{font-weight:600}
      .markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid #dfe2e5}
      .markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}
      .markdown-body table tr:nth-child(2n){background-color:#f6f8fa}
      .markdown-body table img{background-color:transparent}
      .markdown-body img{max-width:100%; height: auto !important; box-sizing:content-box;background-color:#fff}
      .markdown-body img[align=right]{padding-left:20px}
      .markdown-body img[align=left]{padding-right:20px}
      .markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}
      .markdown-body span.frame{display:block;overflow:hidden}
      .markdown-body span.frame > span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #dfe2e5}
      .markdown-body span.frame span img{display:block;float:left}
      .markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#24292e}
      .markdown-body span.align-center{display:block;overflow:hidden;clear:both}
      .markdown-body span.align-center > span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}
      .markdown-body span.align-center span img{margin:0 auto;text-align:center}
      .markdown-body span.align-right{display:block;overflow:hidden;clear:both}
      .markdown-body span.align-right > span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}
      .markdown-body span.align-right span img{margin:0;text-align:right}
      .markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}
      .markdown-body span.float-left span{margin:13px 0 0}
      .markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}
      .markdown-body span.float-right > span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}
      .markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px}
      .markdown-body code br,.markdown-body tt br{display:none}
      .markdown-body del code{text-decoration:inherit}
      .markdown-body pre{word-wrap:normal}
      .markdown-body pre > code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}
      .markdown-body .highlight{margin-bottom:16px}
      .markdown-body .highlight pre{margin-bottom:0;word-break:normal}
      .markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}
      .markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}
      .markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}
      .markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0}
      .markdown-body .csv-data tr{border-top:0}
      .markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}
      .markdown-body,.markdown-body h1,.markdown-body h2,.markdown-body h3,
      .markdown-body h4,.markdown-body h5,.markdown-body h6{position:relative}
      .markdown-body h1 a.heading-anchor,.markdown-body h2 a.heading-anchor,
      .markdown-body h3 a.heading-anchor,.markdown-body h4 a.heading-anchor,
      .markdown-body h5 a.heading-anchor,.markdown-body h6 a.heading-anchor{display:none;position:absolute;left:-35px;top:1px;padding-right:0;text-decoration:none;color:#999;line-height:inherit;font-weight:400;width:35px;text-align:center;border-bottom:0;font-family:serif}
      .markdown-body h1:hover a.heading-anchor,.markdown-body h2:hover a.heading-anchor,
      .markdown-body h3:hover a.heading-anchor,.markdown-body h4:hover a.heading-anchor,
      .markdown-body h5:hover a.heading-anchor,.markdown-body h6:hover a.heading-anchor{display:inline-block}
      .markdown-body .attachment-file{display:block;position:relative;color:#444;border-radius:3px;background:#fafafa;border:1px solid #e0e0e0;padding:8px 10px;text-decoration:none;margin:10px 0}
      .markdown-body .attachment-file.selected{background:#f9f9f9}
      .markdown-body .attachment-file a{color:#444}
      .markdown-body .attachment-file .icon-box{position:absolute;top:17px;left:11px;width:30px}
      .markdown-body .attachment-file .icon-box .fas{font-size:28px;color:#d5d5d5}
      .markdown-body .attachment-file a.close{position:absolute;top:17px;right:4px;color:#aaa;padding:0 6px;cursor:pointer}
      .markdown-body .attachment-file a.close:hover{color:#333}
      .markdown-body .attachment-file .filename,.markdown-body .attachment-file .filesize{display:block;margin-left:34px;margin-right:24px}
      .markdown-body .attachment-file .filesize,.markdown-body .attachment-file .text-gray{color:rgba(88,96,105,.31) !important}
      .markdown-body .plantuml-box { text-align: center; }
      .markdown-body .plantuml-box img { max-width: 100%; }

      .highlight{background:#fff}
      .highlight .c{color:#998;font-style:italic}
      .highlight .err{color:#a61717;background-color:#e3d2d2}
      .highlight .k,.highlight .o{font-weight:700}
      .highlight .cm{color:#998;font-style:italic}
      .highlight .cp{color:#999;font-weight:700}
      .highlight .c1{color:#998;font-style:italic}
      .highlight .cs{color:#999;font-weight:700;font-style:italic}
      .highlight .gd{color:#000;background-color:#fdd}
      .highlight .gd .x{color:#000;background-color:#faa}
      .highlight .ge{font-style:italic}
      .highlight .gr{color:#a00}
      .highlight .gh{color:#999}
      .highlight .gi{color:#000;background-color:#dfd}
      .highlight .gi .x{color:#000;background-color:#afa}
      .highlight .go{color:#888}
      .highlight .gp{color:#555}
      .highlight .gs{font-weight:700}
      .highlight .gu{color:#aaa}
      .highlight .gt{color:#a00}
      .highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr,.highlight .kt{font-weight:700}
      .highlight .kt{color:#458}
      .highlight .m{color:#099}
      .highlight .s{color:#d14}
      .highlight .na{color:teal}
      .highlight .nb{color:#0086b3}
      .highlight .nc{color:#458;font-weight:700}
      .highlight .no{color:teal}
      .highlight .ni{color:purple}
      .highlight .ne,.highlight .nf{color:#900;font-weight:700}
      .highlight .nn{color:#555}
      .highlight .nt{color:navy}
      .highlight .nv{color:teal}
      .highlight .ow{font-weight:700}
      .highlight .w{color:#bbb}
      .highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#099}
      .highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#d14}
      .highlight .ss{color:#990073}
      .highlight .bp{color:#999}
      .highlight .vc,.highlight .vg,.highlight .vi{color:teal}
      .highlight .il{color:#099}

      /* pdf.css */
      @font-face {
        font-family: "Noto";
        src: url('file:///<%= Rails.root.join("fonts/noto.otf") %>');
        font-weight: normal;
      }
      .pdf-content {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica, "Noto", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        margin: 20px;
        color: #222;
        line-height: 160%;
      }

      .pdf-content .pdf-title {
        font-size: 30px;
        font-weight: bold;
        color: #000;
        text-align: center;
        padding: 60px 0;
      }
      .doc-section { page-break-after: always; }
      .doc-title { text-align: center; color: #000; margin: 20px auto; border: 0 !important; }
      .section-body { padding-bottom: 80px; }
      .pdf-content a {
        color: #3c6fe8;
        text-decoration: none;
      }
      .heading-anchor { display: none; }

      .toc-items { margin: 0 !important; padding: 0 !important; }
      .toc-items .toc-item{margin:0;list-style:none;line-height:18px;padding:10px 0;position:relative;display:flex;justify-content:space-between;}
      .toc-items .toc-item:after{display:table;clear:both;content:" ";width:100%;border-bottom:1px dashed #e8e8e8;position:absolute;top:50%;right:0;}
      .toc-items .toc-item .item-slug{position:relative;background:#fff;z-index:1;float:right;color:#999;max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
      .toc-items .toc-item .item-title{position:relative;background:#fff;z-index:1;color:#333;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
      .toc-items .toc-item-0 .item-title{padding-left:0 !important}
      .toc-items .toc-item-1 .item-title{padding-left:14px !important}
      .toc-items .toc-item-2 .item-title{padding-left:28px !important}
      .toc-items .toc-item-3 .item-title{padding-left:42px !important}
      .toc-items .toc-item-4 .item-title{padding-left:56px !important}
    </style>
  </head>
  <body>
    <div class="pdf-content">
      <div class="pdf-title"><%= @title %></div>
      <div class="markdown-body">
        <%= yield %>
      </div>
    </div>
  </body>
</html>